import AsyncComponent from '../utils/AsyncLoad/AsyncComponent.jsx';
const Home = AsyncComponent(() => import('../view/Home/Home.jsx'));
const CssTest = AsyncComponent(() => import('../view/cssTest/CssTest.jsx'));
const lifeCycle = AsyncComponent(() =>
  import('../view/lifeCycle/lifeCycle.jsx'),
);
const SetState = AsyncComponent(() => import('../view/setState/setState.jsx'));
const ReduxStatus = AsyncComponent(() =>
  import('../view/ReduxStatus/ReduxStatus.jsx'),
);
const ReduxHttp = AsyncComponent(() =>
  import('../view/ReduxHttp/ReduxHttp.jsx'),
);
const ComponentCommunication = AsyncComponent(() =>
  import('../view/componentCommunication/componentCommunication.jsx'),
);
const Charts = AsyncComponent(() => import('../view/charts/charts.jsx'));
const XSS = AsyncComponent(() => import('../view/XSS/XSS.jsx'));
const flowCharts = AsyncComponent(() =>
  import('../view/flowCharts/flowCharts.jsx'),
);
const Loading = AsyncComponent(() => import('../view/Loading/Loading.jsx'));
const ViewRouter = AsyncComponent(() =>
  import('../view/ViewRouter/ViewRouter.jsx'),
);
const table = AsyncComponent(() => import('../view/table/table.jsx'));
const EditDraftEditor = AsyncComponent(() =>
  import('../view/EditDraftEditor/EditDraftEditor'),
);
const EditWangEditor = AsyncComponent(() =>
  import('../view/EditWangEditor/EditWangEditor'),
);
const EditQuill = AsyncComponent(() => import('../view/EditQuill/EditQuill'));
const EditTinymce = AsyncComponent(() =>
  import('../view/EditTinymce/EditTinymce'),
);
const EditorFroala = AsyncComponent(() =>
  import('../view/EditorFroala/EditorFroala'),
);
const EditCKEditor = AsyncComponent(() =>
  import('../view/EditCKEditor/EditCKEditor'),
);
const Excel = AsyncComponent(() => import('../view/excel/Excel'));
const EmptyEle = AsyncComponent(() => import('../view/emptyEle/emptyEle'));
const themeColors = AsyncComponent(() =>
  import('../view/themeColors/themeColors'),
);
const list = [
  {
    url: '/',
    des: '主页',
    exact: true,
    component: Home,
  },
  {
    url: '/CssTest',
    des: 'css测试',
    exact: true,
    component: CssTest,
  },
  {
    url: '/lifeCycle',
    des: '生命周期',
    exact: true,
    component: lifeCycle,
  },
  {
    url: '/SetState',
    des: '原生事件/合成事件',
    exact: true,
    component: SetState,
  },
  {
    url: '/ReduxStatus',
    des: '状态管理',
    exact: true,
    component: ReduxStatus,
  },
  {
    url: '/ReduxHttp',
    des: '网络管理',
    exact: true,
    component: ReduxHttp,
  },
  {
    url: '/componentCommunication',
    des: '组件通信',
    exact: true,
    component: ComponentCommunication,
  },
  {
    url: '/charts',
    des: '图表',
    exact: true,
    component: Charts,
  },
  {
    url: '/XSS',
    des: '跨站脚本攻击',
    exact: true,
    component: XSS,
  },
  {
    url: '/flowCharts',
    des: '监控表格',
    exact: true,
    component: flowCharts,
  },
  {
    url: '/loading',
    des: '动画',
    exact: true,
    component: Loading,
  },
  {
    url: '/ViewRouter',
    des: '路由同步页面',
    exact: false,
    component: ViewRouter,
  },
  {
    url: '/table',
    des: '表格',
    exact: false,
    component: table,
  },
  {
    url: '/themeColors',
    des: '切换主题',
    exact: false,
    component: themeColors,
  },
  {
    url: '/EditDraftEditor',
    des: 'EditDraftEditor',
    exact: true,
    component: EditDraftEditor,
  },
  {
    url: '/EditWangEditor',
    des: 'EditWangEditor',
    exact: true,
    component: EditWangEditor,
  },
  {
    url: '/EditQuill',
    des: 'EditQuill',
    exact: true,
    component: EditQuill,
  },
  {
    url: '/EditTinymce',
    des: 'EditTinymce',
    exact: true,
    component: EditTinymce,
  },
  {
    url: '/EditorFroala',
    des: 'EditorFroala',
    exact: true,
    component: EditorFroala,
  },
  {
    url: '/EditCKEditor',
    des: 'EditCKEditor',
    exact: true,
    component: EditCKEditor,
  },
  {
    url: '/Excel',
    des: 'Excel',
    exact: true,
    component: Excel,
  },
  {
    url: '/EmptyEle',
    des: 'EmptyEle',
    exact: true,
    component: EmptyEle,
  },
];
export default list;
